@charset "utf-8";


#wrapper {position:relative; width:100%; max-width:1920px; margin:0 auto; background:#f7f8f9 url(http://paris.cdn.malgnsoft.com/paris/event/2014/christmas/img/eventSub1/subBg.jpg) no-repeat center top; padding:0;}

/* 헤더부분 */
    #headerArea {max-width:1920px; width:100%; height:56px; margin:0 auto; background:url(http://paris.cdn.malgnsoft.com/paris/event/2014/christmas/img/eventSub1/navTopBg.png) repeat-x 0 0;}
        #header {position:relative; width:1024px; margin:0 auto;}
            #header h1 {float:left; width:145px; height:56px; margin-right:127px;}
            #header .nav {float:left; width:412px; margin:15px 0 0 0;}
                #header .nav li {float:left; margin-right:46px;}
            #header .gnb {float:right; width:255px; height:20px; margin:15px 0 0; padding:2px 0 0 4px;}
                #header .gnb li {float:left;}


/* 컨텐츠부분 */
#sectionArea {clear:both; width:100%; min-width:1024px; max-width:1920px; margin:0 auto;}

/* 서브1 */
#sectionArea #sub1Header {width:100%; height:374px; margin:0 auto;}
    #sub1Section .tabMenu {position:relative; top:1px; left:50%; width:905px; height:53px; margin:0 0 0 -452.5px; }
        #sub1Section .tabMenu li {float:left;}
    #sub1Section .menuArea {position:relative; width:1024px; margin:0 auto;}
        #sub1Section .menuArea .menu {position:relative; width:963px; height:317px; margin:0 auto; background:url(http://paris.cdn.malgnsoft.com/paris/event/2014/christmas/img/eventSub1/menuAreaBg.png) no-repeat 0 0;}
            #sub1Section .menuArea .menu .boxWrap {position:relative; top:7px; overflow:hidden; width:930px; height:300px; margin:0 auto;}
            #sub1Section .menuArea .menu .boxWrap:nth-child(2),
            #sub1Section .menuArea .menu .boxWrap:nth-child(3) {display:none;}
            #sub1Section .menuArea .menu .boxWrap .list {clear:both; width:930px;}    
            #sub1Section .menuArea .menu .boxWrap .list > li {float:left; width:310px;}
            #sub1Section .menuArea .menu .boxWrap .btn {clear:both; width:290px; margin:0 0 0 15px;}
            #sub1Section .menuArea .menu .boxWrap .btn li {position:relative; float:left; padding:0 0 0 3px;}
                #sub1Section .menuArea .menu .boxWrap .btn li .percent {position:absolute; top:-20px; left:-15px;}
				#sub1Section .menuArea .menu .boxWrap .btn li .percent1 {position:absolute; top:0px; left:35px;}
            #sub1Section .menuArea .menu .boxWrap .btn .solo {clear:both; float:none; padding:0; text-align:center;}
            
            #sub1Section .menuArea .menu .menuBox1 {position:absolute; top:0; left:0; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox2 {position:absolute; top:0; left:930px; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox3 {position:absolute; top:0; left:1860px; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox4 {position:absolute; top:0; left:2790px; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox5 {position:absolute; top:0; left:3720px; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox6 {position:absolute; top:0; left:4650px; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox7 {position:absolute; top:0; left:5580px; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox8 {position:absolute; top:0; left:6510px; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox9 {position:absolute; top:0; left:7440px; float:left; width:930px; height:300px;}
            #sub1Section .menuArea .menu .menuBox10 {position:absolute; top:0; left:8370px; float:left; width:930px; height:300px;}
			#sub1Section .menuArea .menu .menuBox11 {position:absolute; top:0; left:9300px; float:left; width:930px; height:300px;}
            

    #sub1Section .arrowBtn {clear:both;}
    #sub1Section .arrowBtn .prev {position:absolute; top:88px; left:0;}
    #sub1Section .arrowBtn .next {position:absolute; top:88px; right:2px;}
    #sub1Section .happyconEvent {overflow:hidden; width:1024px; margin:19px auto 0;}
    #sub1Section .happyconEvent img {display:block; float:left;}

/* 서브2 */
#sectionArea {clear:both; width:100%; min-width:1024px; max-width:1920px; margin:0 auto;}
#sectionArea #sub2Header {width:100%; height:374px; margin:0 auto;}
    #sub2Section .eventWay {position:relative; top:-35px; left:50%; width:910px; height:412px; margin:0 0 0 -455px; }
    #sub2Section .sns {position:relative; top:-15px; width:420px; margin:0 auto;}
    #sub2Section .sns li {float:left; width:105px; text-align:center;}
    #sub2Section .psText {clear:both; margin-bottom:20px; text-align:center;}

/* 푸터부분 */
    #footerArea {clear:both; width:100%; max-width:1920px; margin:0 auto; padding-top:47px; background:#f7f8f9 url(http://paris.cdn.malgnsoft.com/paris/event/2014/christmas/img/eventMain/footerTopBg.png) no-repeat center top;}
        #footer {position:relative; overflow:hidden; width:100%; height:130px; margin:0 auto; background:#f3f3f3 url(http://paris.cdn.malgnsoft.com/paris/event/2014/christmas/img/eventMain/footerLogo.png) no-repeat center 5px;}
            #footer .footerNav {width:690px; height:33px; margin:40px auto 0; padding:0; background:#e8e8e8;}
                #footer .footerNav ul {width:640px; height:33px; margin:0 auto;}
                #footer .footerNav li {float:left; line-height:33px;}
                    #footer .footerNav li a {color:#666; font-size:12px; letter-spacing:-1px; word-spacing:3px; text-decoration: none; text-align:center;}
                #footer address {clear:both; color:#999; margin-top:10px; font-size:12px; line-height:14px; text-align:center; font-style:normal;}
                #footer .copyright {
                    color:#999; margin:0; font-size:12px; line-height:14px; text-align:center; font-style:normal;}